<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>影院后台管理系统</title>

<!-- 引入bootstrap样式 -->
<link
	href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"
	rel="stylesheet">
<!-- 引入bootstrap-table样式 -->
<link
	href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css"
	rel="stylesheet">

<!-- jquery -->
<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<script
	src="https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<!-- bootstrap-table.min.js -->
<script
	src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<!-- 引入中文语言包 -->
<script
	src="https://cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
<link rel="stylesheet" href="layui/css/layui.css">
<style type="text/css">
a:hover {
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}
</style>
</head>

<body class="layui-layout-body">
	<!-- 订单表 -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content"
				style="margin: auto; margin-top: 20px; width: 600px; font-size: 18px;">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">订单详情</h4>
				</div>
				<!-- 弹出层主体 -->
				<div class="modal-body" id="oinf" style="margin-left: 12%">
					
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<!-- 用户表 -->
	<div class="modal fade" id="myModal2" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content"
				style="margin: auto; margin-top: 200px; width: 220px; font-size: 18px;">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">确定删除吗？</h4>
				</div>
				<!-- 弹出层主体 -->
				<!-- <div class="modal-body">
						
					</div> -->
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" data-dismiss="modal"
						id="change2">确定</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>

	<!--VIP表 -->
	<div class="modal fade" id="myModal3" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content"
				style="margin: auto; margin-top: 200px; width: 220px; font-size: 18px;">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">订单详情</h4>
				</div>
				<!-- 弹出层主体 -->
				<div class="modal-body"><</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" data-dismiss="modal"
						id="change3">确定</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<!--VIP表 2-->
	<div class="modal fade" id="myModal4" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content"
				style="margin: auto; margin-top: 10%; width: 540px; font-size: 18px;">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">确定删除吗？</h4>
				</div>
				<!-- 弹出层主体 -->
				<div class="modal-body">


					<form id="vipInf" style="margin-left: 20%">
						<div class="layui-form-item">
							<label class="layui-form-label" style="padding: 9px 0px">会员类型:</label>
							<div class="layui-input-block">
								<input id="i3" type="hidden" name="vid"> <input id="i1"
									type="text" name="vlevel" lay-verify="title" autocomplete="off"
									placeholder="格式:xx会员" class="layui-input" style="width: 190px;">
							</div>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label" style="padding: 9px 0px">会员折扣:</label>
							<div class="layui-input-block">
								<input id="i2" type="text" name="vdiscount" lay-verify="title"
									autocomplete="off" placeholder="" class="layui-input"
									style="width: 190px;">
							</div>
						</div>
					</form>


				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" data-dismiss="modal"
						id="change4">确定</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>

	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">影院后台管理系统</div>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><a href="javascript:;"> <img
						src="http://t.cn/RCzsdCq" class="layui-nav-img"> 贤心
				</a>
					<dl class="layui-nav-child">
						<!-- <dd><a href="">消息<span class="layui-badge">99+</span></a></dd> -->
					</dl></li>
				<li class="layui-nav-item"><a href="logout">退了</a></li>
			</ul>
		</div>

		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree" lay-filter="test">
					<li class="layui-nav-item"><a href="movieSystem.html">主页(统计信息)</a>
					</li>
					<li class="layui-nav-item layui-nav-itemed layui-this">
						<a href="javascript:;">营业管理</a>
					</li>
					<li class="layui-nav-item"><a href="javascript:;">影院管理</a>
						<dl class="layui-nav-child">
			          	<dd><a href="moiveinfo.html">总影院详情</a></dd>
			            <dd><a href="mymoivesystem.html">分影院管理</a></dd>
			            <dd><a href="halllist.html">影厅管理</a></dd>
			            <dd><a href="movies.html">影片管理</a></dd>
						<dd><a href="hall.html">添加影厅</a></dd>
						<dd><a href="arrange.html">排片</a></dd>
			        	<dd><a href="uploadvideo.html">上传影片</a></dd>
			          </dl></li>
					<li class="layui-nav-item"><a href="feedback.html">信息反馈</a></li>
				</ul>
			</div>
		</div>
					
			
		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div style="margin: 10px auto; width: 1080px;">

				<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
					<ul class="layui-tab-title">
						<li class="layui-this">订单管理</li>
						<li>用户管理</li>
						<li>会员管理</li>

					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<!-- 订单表 -->
							<table id="table1"></table>
						</div>
						<div class="layui-tab-item">
							<!-- 用户表 -->
							<div style="width: 70%; margin-left: 15%">
								<table id="table2"></table>
							</div>
						</div>
						<div class="layui-tab-item">
							<!-- 折扣表 -->
							<div style="width: 70%; margin-left: 15%">
								<table id="table3"></table>
							</div>
							<div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;">
								<button data-method="notice" class="layui-btn layui-btn-normal" style="float: right; background-color: #337AB7; color: white;margin-right: 20%m">新&nbsp;&nbsp;&nbsp;增</button>
							</div>
						</div>
					</div>

				</div>
			</div>



			<div class="layui-footer">
				<!-- 底部固定区域 -->
				© 版权归影院所有
			</div>
		</div>

		<!-- 订单表 -->
		<script>
			var $table = $('#table1');
			$(window).resize(function() {
				//防止表头与表格不对齐
				$table.bootstrapTable('resetView');
			});

			function addFunctionAlty(value, row, index) {
				return [
						// '<button id="edit" type="button" class="layui-btn layui-btn-xs" style="background-color: white;color: #337AB7;border: #337AB7 1px solid">编辑</button>',
						'<button id="delete" type="button" class="view layui-btn layui-btn-danger layui-btn-xs" style="background-color: white;color: #337AB7;border: #337AB7 1px solid">查看详情</button>', ]
						.join('');
			}
			window.operateEvents = {
				'click .view' : function(e, value, row, index) {
					$.ajax({
						url : "/management/orderInf",
						type : "post",
						data : {
							oid : row.oid
						},
						success : function(data) {
							var seats=JSON.parse(data.selectedSets);
							var scontent = "";
						     for(var j=0;j<seats.length;j++){
						      scontent+='<span>'+(seats[j][0]+1)+'排'+(seats[j][1]+1)+'座</span>';
						     }
							var con="";
							con+='<div class="layui-form-item">'
								+'<label class="layui-form-label" style="width: 160px;">订单编号：</label>'
						+'<div class="layui-input-block">'
						+'<label class="layui-form-label"'
								+'style="width: 260px; text-align: center;">'+data.onum+'</label>'
								+'</div>'
						+'</div>'
					+'<div class="layui-form-item">'
					+'<label class="layui-form-label" style="width: 160px;">支付状态：</label>'
						+'<div class="layui-input-block">'
						+'<label class="layui-form-label"'
								+'style="width: 260px; text-align: center;">'+data.discrible+'</label>'
								+'</div>'
						+'</div>'
					+'<div class="layui-form-item">'
					+'<label class="layui-form-label" style="width: 160px;">用户：</label>'
						+'<div class="layui-input-block">'
						+'<label class="layui-form-label"'
								+'style="width: 260px; text-align: center;">'+data.account+'</label>'
								+'</div>'
						+'</div>'
					+'<div class="layui-form-item">'
					+'<label class="layui-form-label" style="width: 160px;">影片名：</label>'
						+'<div class="layui-input-block">'
						+'<label class="layui-form-label"'
								+'style="width: 260px; text-align: center;">'+data.mname+'</label>'
								+'</div>'
						+'</div>'
					+'<div class="layui-form-item">'
					+'<label class="layui-form-label" style="width: 160px;">影厅及座位号：</label>'
						+'<div class="layui-input-block">'
						+'<label class="layui-form-label" style="width: 260px; text-align: center;">'+data.ytname+'&nbsp;&nbsp;'+scontent+'</label>'
								+'</div>'
						+'</div>'
					+'<div class="layui-form-item">'
					+'<label class="layui-form-label" style="width: 160px;">订单金额：</label>'
						+'<div class="layui-input-block">'
						+'<label class="layui-form-label"'
								+'style="width: 260px; text-align: center;">￥'+data.oprice+'</label>'
								+'</div>'
						+'</div>'
					+'<div class="layui-form-item">'
					+'<label class="layui-form-label" style="width: 160px;">下单时间：</label>'
						+'<div class="layui-input-block">'
						+'<label class="layui-form-label"'
								+'style="width: 260px; text-align: center;">'+data.otime+'</label>'
								+'</div>'
					+'</div>';
					$("#oinf").html(con);
						}
					});
					$("#myModal").modal('show');

				}
			};
			$("#table1").bootstrapTable({ // 对应table标签的id
				url : "/management/order", // 获取表格数据的url
				method : 'POST', //请求方式（*）
				// toolbar: '#toolbar',              //工具按钮用哪个容器
				striped : true, //是否显示行间隔色
				cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
				pagination : true, //是否显示分页（*）
				sortable : true, //是否启用排序
				sortOrder : "desc", //排序方式
				sidePagination : "client", //分页方式：client客户端分页，server服务端分页（*）
				pageNumber : 1, //初始化加载第一页，默认第一页,并记录
				pageSize : 7, //每页的记录行数（*）
				pageList : [ 7, 10, 15, 20 ], //可供选择的每页的行数（*）
				search : true, //是否显示表格搜索
				strictSearch : true,
				showColumns : true, //是否显示所有的列（选择显示的列）
				showRefresh : true, //是否显示刷新按钮
				// searchOnEnterKey: true, //ENTER键搜索  
				minimumCountColumns : 2, //最少允许的列数
				clickToSelect : true, //是否启用点击选中行
				//height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
				uniqueId : "ID", //每一行的唯一标识，一般为主键列
				showToggle : true, //是否显示详细视图和列表视图的切换按钮
				cardView : false, //是否显示详细视图
				detailView : false, //是否显示父子表
				queryParams : function(params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
					return {
						pageSize : params.limit, // 每页要显示的数据条数
						offset : params.offset, // 每页显示数据的开始行号
						sort : params.sort, // 要排序的字段
						sortOrder : params.order, // 排序规则
						dataId : $("#dataId").val()
					// 额外添加的参数
					}
				},
				sortName : 'id', // 要排序的字段
				sortOrder : 'desc', // 排序规则
				columns : [ {
					field : 'oid',
					title : '编号',
					sortable : true,

				}, {
					field : 'onum',
					title : '订单流水号',
				}, {

					field : 'discrible',
					title : '支付状态',
				}, {

					field : 'account',
					title : '用户',
				}, {

					field : 'oprice',
					title : '价格',
					width : 100
				}, {

					field : 'otime',
					title : '下单时间',

				}, {
					field : 'operate',
					title : '操作',
					width : 120,
					align : 'center',
					valign : 'middle',
					formatter : addFunctionAlty,
					events : operateEvents,
				// action: actionEvents,
				},

				]
			});
			function allInf(oid) { //删除
				$.ajax({
					url : "/management/orferInf",
					type : "post",
					data : {
						oid : oid
					},
					success : function(data) {
						alert(data);
						location.reload();
					}
				})
			}
			$('#table1').bootstrapTable('hideColumn', 'oid');
		</script>


		<!-- 用户表 -->
		<script>
			var $table = $('#table2');
			$(window).resize(function() {
				//防止表头与表格不对齐
				$table.bootstrapTable('resetView');
			});

			function addFunctionAlty(value, row, index) {
				return [
						// '<button id="edit" type="button" class="layui-btn layui-btn-xs" style="background-color: white;color: #337AB7;border: #337AB7 1px solid">编辑</button>',
						'<button id="view2" type="button" class="view2 layui-btn layui-btn-danger layui-btn-xs" style="background-color: white;color: coral;border: coral 1px solid">删除</button>', ]
						.join('');
			}
			window.operateEvents = {
				'click .view2' : function(e, value, row, index) {
					$("#change2")
							.attr("onclick", "to_change2(" + row.uid + ")");
					$("#myModal2").modal('show');

				}
			};
			$("#table2").bootstrapTable({ // 对应table标签的id
				url : "/management/user", // 获取表格数据的url
				method : 'POST', //请求方式（*）
				// toolbar: '#toolbar',              //工具按钮用哪个容器
				striped : true, //是否显示行间隔色
				cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
				pagination : true, //是否显示分页（*）
				sortable : true, //是否启用排序
				sortOrder : "desc", //排序方式
				sidePagination : "client", //分页方式：client客户端分页，server服务端分页（*）
				pageNumber : 1, //初始化加载第一页，默认第一页,并记录
				pageSize : 7, //每页的记录行数（*）
				pageList : [ 7, 10, 15, 20 ], //可供选择的每页的行数（*）
				search : true, //是否显示表格搜索
				strictSearch : true,
				showColumns : true, //是否显示所有的列（选择显示的列）
				showRefresh : true, //是否显示刷新按钮
				// searchOnEnterKey: true, //ENTER键搜索  
				minimumCountColumns : 2, //最少允许的列数
				clickToSelect : true, //是否启用点击选中行
				//height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
				uniqueId : "ID", //每一行的唯一标识，一般为主键列
				showToggle : true, //是否显示详细视图和列表视图的切换按钮
				cardView : false, //是否显示详细视图
				detailView : false, //是否显示父子表
				queryParams : function(params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
					return {
						pageSize : params.limit, // 每页要显示的数据条数
						offset : params.offset, // 每页显示数据的开始行号
						sort : params.sort, // 要排序的字段
						sortOrder : params.order, // 排序规则
						dataId : $("#dataId").val()
					// 额外添加的参数
					}
				},
				sortName : 'id', // 要排序的字段
				sortOrder : 'desc', // 排序规则
				columns : [ {
					field : 'uid',
					title : '编号',
					width : 100,
					sortable : true
				}, {
					field : 'account',
					title : '账号',
				}, {

					field : 'vlevel',
					title : '会员类型',
				}, {

					field : 'ucast',
					title : '总消费',
				}, {
					field : 'operate',
					title : '操作',
					width : 120,
					align : 'center',
					valign : 'middle',
					formatter : addFunctionAlty,
					events : operateEvents,
				// action: actionEvents,
				},

				]
			});
			function to_change2(id) {
				$.ajax({
					url : "/management/delUser",
					type : "post",
					data : {
						id : id
					},
					success : function(data) {
						alert(data);
						location.reload();
					}
				});
			}
			$('#table2').bootstrapTable('hideColumn', 'uid');
		</script>

		<!-- VIP表 -->
		<script>
			var $table = $('#table3');
			$(window).resize(function() {
				//防止表头与表格不对齐
				$table.bootstrapTable('resetView');
			});

			function addFunctionAlty(value, row, index) {
				return [
						// '<button id="edit" type="button" class="layui-btn layui-btn-xs" style="background-color: white;color: #337AB7;border: #337AB7 1px solid">编辑</button>',
						'<button id="view4" type="button" class="view4 layui-btn layui-btn-danger layui-btn-xs" style="background-color: white;color: #337AB7;border: #337AB7 1px solid">编辑</button>',
						'<button id="view3" type="button" class="view3 layui-btn layui-btn-danger layui-btn-xs" style="background-color: white;color: coral;border: coral 1px solid">删除</button>' ]
						.join('');
			}
			window.operateEvents = {
				'click .view3' : function(e, value, row, index) {
					$("#change3")
							.attr("onclick", "to_change3(" + row.vid + ")");
					$("#myModal3").modal('show');
				},
				'click .view4' : function(e, value, row, index) {
					$("#change4")
							.attr("onclick", "to_change4(" + row.vid + ")");
					$("#i1").attr("placeholder", row.vlevel);
					$("#i2").attr("placeholder", row.vdiscount);
					$("#i3").val(row.vid);
					$("#myModal4").modal('show');

				}
			};
			$("#table3").bootstrapTable({ // 对应table标签的id
				url : "/management/vip", // 获取表格数据的url
				method : 'POST', //请求方式（*）
				// toolbar: '#toolbar',              //工具按钮用哪个容器
				striped : true, //是否显示行间隔色
				cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
				pagination : true, //是否显示分页（*）
				sortable : true, //是否启用排序
				sortOrder : "desc", //排序方式
				sidePagination : "client", //分页方式：client客户端分页，server服务端分页（*）
				pageNumber : 1, //初始化加载第一页，默认第一页,并记录
				pageSize : 7, //每页的记录行数（*）
				pageList : [ 7, 10, 15, 20 ], //可供选择的每页的行数（*）
				search : true, //是否显示表格搜索
				strictSearch : true,
				showColumns : true, //是否显示所有的列（选择显示的列）
				showRefresh : true, //是否显示刷新按钮
				// searchOnEnterKey: true, //ENTER键搜索  
				minimumCountColumns : 2, //最少允许的列数
				clickToSelect : true, //是否启用点击选中行
				//height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
				uniqueId : "ID", //每一行的唯一标识，一般为主键列
				showToggle : true, //是否显示详细视图和列表视图的切换按钮
				cardView : false, //是否显示详细视图
				detailView : false, //是否显示父子表
				queryParams : function(params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
					return {
						pageSize : params.limit, // 每页要显示的数据条数
						offset : params.offset, // 每页显示数据的开始行号
						sort : params.sort, // 要排序的字段
						sortOrder : params.order, // 排序规则
						dataId : $("#dataId").val()
					// 额外添加的参数
					}
				},
				sortName : 'id', // 要排序的字段
				sortOrder : 'desc', // 排序规则
				columns : [ {
					field : 'vid',
					title : '编号',
					width : 100,
					sortable : true
				}, {
					field : 'vlevel',
					title : '会员等级',
				}, {

					field : 'vdiscount',
					title : '享受折扣',
				}, {
					field : 'operate',
					title : '操作',
					width : 120,
					align : 'center',
					valign : 'middle',
					formatter : addFunctionAlty,
					events : operateEvents,
				// action: actionEvents,
				},

				]
			});

			function to_change3(vid) {
				$.ajax({
					url : "/management/delVip",
					type : "post",
					data : {
						vid : vid
					},
					success : function(data) {
						//alert(data);
						location.reload();
					}
				});
			}

			function to_change4() {
				$.ajax({
					url : "/management/changeVip",
					type : "post",
					data : $("#vipInf").serialize(),
					success : function(data) {
						alert(data);
						location.reload();
					}
				});
			}
			$('#table3').bootstrapTable('hideColumn', 'vid');
		</script>



		<script src="layui/layui.all.js"></script>
		<script>
			//Demo
			layui.use('form', function() {
				var form = layui.form;

				//监听提交
				form.on('submit(formDemo)', function(data) {
					layer.msg(JSON.stringify(data.field));
					return false;
				});
			});
		</script>

		<!-- 弹出层 -->
		<script>
			layui
					.use(
							'layer',
							function() { //独立版的layer无需执行这一句
								var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句

								//触发事件
								var active = {
									setTop : function() {
										var that = this;
										//多窗口模式，层叠置顶
										layer
												.open({
													type : 2 //此处以iframe举例
													,
													title : '当你选择该窗体时，即会在最顶端',
													area : [ '390px', '260px' ],
													shade : 0,
													maxmin : true,
													offset : [ //为了演示，随机坐标
															Math.random()
																	* ($(window)
																			.height() - 300),
															Math.random()
																	* ($(window)
																			.width() - 390) ],
													content : '//layer.layui.com/test/settop.html',
													btn : [ '继续弹出', '全部关闭' ] //只是为了演示
													,
													yes : function() {
														$(that).click();
													},
													btn2 : function() {
														layer.closeAll();
													}

													,
													zIndex : layer.zIndex //重点1
													,
													success : function(layero) {
														layer.setTop(layero); //重点2
													}
												});
									},
									notice : function() { //新增按钮弹出层
										//示范一个公告层
										layer
												.open({
													type : 2,
													title : false //不显示标题栏
													,
													closeBtn : true,
													area : [ '520px', '250px' ],
													shade : 0.8,
													shadeClose : true,
													anim : 4,
													id : 'LAY_layuipro' //设定一个id，防止重复弹出
													/* ,btn: ['新增', '取消'] */
													,
													btnAlign : 'c',
													moveType : 1 //拖拽模式，0或者1
													,
													content : 'addInf_gjf.html',
													success : function(layero,
															index) {
														var body = layer
																.getChildFrame(
																		'body',
																		index);
														var iframeWin = window[layero
																.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
														console
																.log(body
																		.html()) //得到iframe页的body内容
														//body.find('#qwe').val('Hi，我是从父页来的')
													}
												});
									},
									notice2 : function() { //编辑按钮弹出层
										//示范一个公告层
										layer
												.open({
													type : 2,
													title : false //不显示标题栏
													,
													closeBtn : true,
													area : [ '540px', '300px' ],
													shade : 0.8,
													shadeClose : true,
													anim : 4,
													id : 'LAY_layuipro' //设定一个id，防止重复弹出
													/* ,btn: ['新增', '取消'] */
													,
													btnAlign : 'c',
													moveType : 1 //拖拽模式，0或者1
													,
													content : 'addInf_gjf.html',
													success : function(layero,
															index) {
														var body = layer
																.getChildFrame(
																		'body',
																		index);
														var iframeWin = window[layero
																.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
														console
																.log(body
																		.html()) //得到iframe页的body内容
														body.find('#qwe').val(
																'Hi，我是从父页来的')
													}
												});
									},
									offset : function(othis) {
										var type = othis.data('type'), text = othis
												.text();

										layer
												.open({
													type : 1,
													offset : type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
													,
													id : 'layerDemo' + type //防止重复弹出
													,
													content : '<div style="padding: 20px 100px;">'
															+ text + '</div>',
													btn : '关闭全部',
													btnAlign : 'c' //按钮居中
													,
													shade : 0 //不显示遮罩
													,
													yes : function() {
														layer.closeAll();
													}
												});
									}
								};

								$('#layerDemo .layui-btn').on(
										'click',
										function() {
											var othis = $(this), method = othis
													.data('method');
											active[method] ? active[method]
													.call(this, othis) : '';
										});

							});
			//页码
			layui.use([ 'laypage', 'layer' ], function() {
				var laypage = layui.laypage, layer = layui.layer;
				laypage.render({
					elem : 'demo1',
					count : 70 //数据总数
					,
					jump : function(obj) {
						console.log(obj)
					}
				});
				laypage.render({
					elem : 'demo2',
					count : 70 //数据总数
					,
					jump : function(obj) {
						console.log(obj)
					}
				});
			});

			layui.use('element', function() {
				var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

				//监听导航点击
				element.on('nav(demo)', function(elem) {
					//console.log(elem)
					layer.msg(elem.text());
				});
			});

			layui.use('form', function() {
				var form = layui.form;

				//监听提交
				form.on('submit(formDemo)', function(data) {
					layer.msg(JSON.stringify(data.field));
					return false;
				});
			});
		</script>
		<script>
			function delVIP(vid) {
				$.ajax({
					url : "/management/delVip",
					type : "post",
					data : {
						vid : vid
					},
					success : function(data) {
						alert(data);
						location.reload();
					}
				})
			}
		</script>
</body>
</html>
